<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>头部链接</title>
    <style>
        *{
            padding: 0px;
            margin: 0px;
        }
        .w1{
            height: 60px;
            background-color:#333333;
        }
        .w1 a{
            text-decoration: none;
            color: white;
        }
        .w1 li{
            display: inline;
            line-height: 60px;
            font-size: 14px;
            padding: 0px 15px;
        }
        .w2{
            float: left;
            margin-left: 150px;
        }
        .w3{
            float: right;
            margin-right: 120px;
        }
        .w4{
            float: right;
            margin-top: 18px;
        }
        div.w1 .w2 .w3 li img{
            margin-bottom: 20px;
        }
        .w1 ul li a:hover{
            color: #9CBD07;
        }
        .w5{
            width: 1500px;
            height: 60px;
            padding-left: 30px;
            margin: 0px auto;
            background-image: url("../tu/kegongchang.png");
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
<div class="w1">
    <div class="w5">
        <ul class="w2">
            <li><a href="#" >全部课程</a></li>
            <li><a href="#" >职业路线</a></li>
            <li><a href="#" >商城</a></li>
            <li><a href="#" >题库</a></li>
            <li><a href="#" >书籍</a></li>
            <li><a href="#" >阿里云</a></li>
            <li><a href="#" >校区</a></li>
        </ul>
        <ul class="w3">
        <li><a href="#">APP下载</a></li>
        <li><a href="#">登录丨注册</a></li>
        </ul>
    <span class="w4"><a href="#" ><img src="../tu/header_vip.png"></a> </span>
    <span class="w4"><a href="#" style="margin-right: 20px"><img src="../tu/fangdajin.png"></a> </span>
    </div>

</div>
</body>
</html>